<template>
  <div class="noticeContainer">
    <el-timeline>
      <el-timeline-item :timestamp="at[0]" placement="top">
        <el-card>
          <h4>公告</h4>
          <p>{{ ac[0] }}</p>
        </el-card>
      </el-timeline-item>
      <el-timeline-item :timestamp="at[1]" placement="top">
        <el-card>
          <h4>公告</h4>
          <p>{{ ac[1] }}</p>
        </el-card>
      </el-timeline-item>
      <el-timeline-item :timestamp="at[2]" placement="top">
        <el-card>
          <h4>公告</h4>
          <p>{{ ac[2] }}</p>
        </el-card>
      </el-timeline-item>
    </el-timeline>
  </div>
</template>

<script>
export default {
  name: "Notice",
  data() {
    return {
      ac: this.announceContent,
      at: this.announceTime,
    };
  },
  computed: {},
  props: {
    announceContent: Array,
    announceTime: Array,
  },
  methods: {},
  created() {},
};
</script>

<style>
.noticeContainer {
  width: 100%;
  height: 550px;
  padding-top: 65px;
}
.el-timeline-item__timestamp.is-top {
  text-align: start;
}
</style>